
.all{
  background: url("../../images/desk1.jpg") ;
  /*  background: deepskyblue;*/
  width: 100%;
  height:100%;
  margin: 0px auto;
overflow: hidden;
  /*padding-top: 250px;*/

  background-attachment: fixed;
}
/*.all:before{
  content:'';
  width: 100%;
  background: black;
  position: absolute;
  left: 0%;
  top: 50%;
  height: 1px;
  display: block;
  z-index: -1;
}

.all:after{
  content:'';
  width: 1px;
  background: black;
  position: absolute;
  left: 50%;
  top: 0px;
  height: 100%;
  display: block;
  z-index: -1;
}*/
.contents{

/*  filter:alpha(Opacity=70);
  -moz-opacity:0.7;
  opacity: 0.7;
  background-color:rgba(0,0,0,0.2); *//* IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂，但解析为透明 */

  padding-top: 30px;
  padding-bottom: 5em;


  min-width: 400px;
  min-height: 250px;
  margin:0px auto auto auto;
  text-align: center;
  background: white;
  box-shadow: 2px 2px 25px;
  position: fixed;
  left: calc(50% - 200px);
  top:  calc(50% - 250px);
}

.btn{

  border-radius: 6px;
  background: #2196f3 !important;
  width: 8em;

  font-weight:bolder;
  color: white !important;
  border: 1px solid lightgray !important;
}


.form-control{
  display: inline !important;
  width: 60% !important;


}
.form-control label{
  color: dimgray;
}
.mat-icon{

  position: absolute;
  margin-top: 0.8em;
  padding-left: 30%;

}
label[_ngcontent-c1] {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: bold;
  line-height: 2em;
}
.btn-default{
  margin-left: 3em;
}
.material-icons {
  line-height: 0px !important;
}


